<%@ page language="java" pageEncoding="UTF-8" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8"/>
    <title>蜗牛人才招聘系统</title>
    <base href="${base}"/>
    <link rel="shortcut icon" href="favicon.ico"/>
    <link href="styles/common.css" rel="stylesheet" type="text/css"/>
    <link href="styles/default.css" rel="stylesheet" type="text/css"/>
    <script type="text/javascript" src="js/vue.js"></script>
    <script type="text/javascript" src="js/axios.js"></script>
    <script type="text/javascript" src="js/router.js"></script>

    <style type="text/css">
        .active_item.router-link-active {
            color: #358ee7;
        }
    </style>
</head>
<body>
<jsp:include page="header.jsp"/>
<div class="floatnav">
    <jsp:include page="nav.jsp"/>
</div>
<div class="page_location link_bk">
    当前位置：<a href="">网站首页</a>
</div>
<div class="d1">
    <div class="left">
        <div class="box">
            <div class="tit">
                <h3>搜索职位</h3>
                <div class="st" id="countinfo">
                    企业总数：<span>1</span>&nbsp;&nbsp;&nbsp;&nbsp; 有效职位：<span>1</span>&nbsp;&nbsp;&nbsp;&nbsp;
                    有效简历：<span>1</span>&nbsp;&nbsp;&nbsp;&nbsp; 会员总数：<span>2</span>
                </div>
                <div class="clear"></div>
            </div>

            <div class="search">
                <div class="left">
                    <div class="keybox">
                        <form id="sel" action="/company/select" method="post">
                            <div class="keyinputbox">

                                <div class="keyinputbox">
                                    <input name="name" type="text" id="index-search-key"
                                           maxlength="25" value="" style="color: #CCCCCC"/>
                                </div>
                            </div>
                            <div class="subinputbox">
                                <input type="submit" id="index-search-button" value="搜职位"/>
                            </div>
                            <div class="clear"></div>
                        </form>
                    </div>
                    <div class="hotkey link_bk">
                        热门关键字：<a href="jobs/jobs_list.jsp" target="_blank">销售代表</a>
                        &nbsp;&nbsp;&nbsp;<a href="" target="_blank">销售经理</a>
                        &nbsp;&nbsp;&nbsp;<a href="" target="_blank">会计</a>
                        &nbsp;&nbsp;&nbsp;<a href="" target="_blank">销售工程师</a>
                        &nbsp;&nbsp;&nbsp;<a href="" target="_blank">销售助理</a>&nbsp;&nbsp;&nbsp;
                    </div>
                </div>
                <div class="right link_orange">
                    <div class="tipbox">
                        <a href="jobs/jobs_list.jsp" target="_blank">最近更新职位</a>
                    </div>
                </div>
                <div class="clear"></div>
            </div>
        </div>
    </div>
    <div class="right">
        <div class="but">
            <a href="job/add" target="_blank"></a> <a
                href="personal/resume_1" target="_blank" class="resumebut"></a>
        </div>
        <div class="userbar">
            <div class="imgbox">
                <a href="resume_view" target="_blank"><img
                        src="${sessionScope.user.avatar}" width="40" height="40"
                        border="0"/></a>
            </div>
            <div class='hyn'>
                <p>
                    您好&nbsp;&nbsp;<a href="user/index.jsp"><b>${sessionScope.user.account}</b> </a> <span
                        class="separe">&nbsp;&nbsp;</span><a href="user/index.jsp">个人中心</a><span
                        class="separe">&nbsp;&nbsp;</span><a href="user">我的消息</a><span
                        class="separe">&nbsp;&nbsp;</span>
                    <%--   <c:if test="${sessionScope.user.role ne 0}">
                          <a href="admin/login.html">后台管理<span class="separe">&nbsp;&nbsp;</span>
                          </a>
                      </c:if> --%>
                    <a href="logout">退出</a>
                </p>
            </div>
        </div>
        <div class="clear"></div>
    </div>
    <div class="clear"></div>
</div>
<div class="d3">
    <div class="left">
        <div class="box">
            <div class="tit">
                <div class="tbox">
                    <strong>推荐职位</strong>
                </div>
                <div class="morebox link_bk">
                    <a href="job_list" target="_blank">更多职位</a>
                </div>
                <div class="clear"></div>
                <c:forEach items="${works}" var="work">
                    <div class="list link_lan">
                        <div class="imgbox">
                            <a href="comp_view/${work.companys.id}" target="_blank"><img
                                    src="${work.companys.logo}" width="68" height="85"
                                    border="0"/></a>
                        </div>
                        <a href="jobs/${work.id}" target="_blank">招聘职位：${work.name}</a><span
                            style="color: #666666"><br/>有效时间：${work.validTime}
                    </span> <br/> <span
                            style="color: #009900">企业名：${work.companys.name}</span><br/>
                        <a><span class="link_bk">工作地址：${work.address}</a><span style="color: #666666"><br/>
                        <a><span class="link_bk">学历要求：${work.education}</a><span style="color: #666666"><br/>
						<a href="job_view" target="_blank">职位描述：${work.description}</a>
							</span>
                    </div>
                </c:forEach>
            </div>
            <div class="clear"></div>
        </div>
    </div>
    <div class="right">
        <div class="topbox link_lan" id="">
            <div class="tit">
                <h3>紧急招聘</h3>
            </div>
            <div id="emergencybox" class="emergencybox">
                <c:forEach items="${works}" var="work">
                    <div class="list">
                        <a href="job_view" target="_blank" class="jobsname">${work.name}</a>
                        &nbsp; <span>招聘人数（${work.numbers}）</span> &nbsp; <img src="images/61.gif"
                                                                              border="0" align="absmiddle" title="紧急招聘"
                                                                              class="vtip"/> <br/>
                        更新日期：<span style="color: #FF3300">8分钟前</span> 待遇：面议
                    </div>
                </c:forEach>
            </div>
        </div>
        <div class="tagbox">
            <div class="tit">
                <div class="left">
                    <h3>热门职位标签</h3>
                </div>
                <div class="more link_bk">
                    <a href="job_list.jsp" target="_blank">更多</a>
                </div>
            </div>
            <ul class="link_bku">
                <li><a href="job_list.jsp" target="_blank">环境好</a></li>
            </ul>
            <div class="clear"></div>
        </div>
    </div>
    <div class="clear"></div>
</div>


<div id="showBox">
    <div class="d4" id="selectjobscategory">
        <div class="tit">
            <div class="left">
                <h3>最新职位</h3>
            </div>
            <div class="center">
                <span> <router-link to='/one' class="active_item" exact>最近更新</router-link></span>
                <span> <router-link to='/two' class="active_item"> 计算机、互联网类</router-link></span>
                <span> <router-link to='/three' class="active_item">java开发</router-link></span>
                <span> <router-link to='/four' class="active_item">市场营销、策划类</router-link></span>
                <span> <router-link to='/five' class="active_item">金融证券类</router-link></span>
                <span> <router-link to='/six' class="active_item">翻译类</router-link></span>
                <span> <router-link to='/seven' class="active_item">技工类</router-link></span>
                <span> <router-link to='/eight' class="active_item">轻工纺织类</router-link></span>
                <span> <router-link to='/nine' class="active_item">公务员、学生类</router-link></span>
                <span> <router-link to='/ten' class="active_item">其它类</router-link></span>
                <div class="clear"></div>
                <div class="right link_bk">
                    <a href="job_list" target="_blank">更多</a>
                </div>
            </div>
            <%--       <div class="txt">
                       <div class="loadingbox">
                           <div class="loading">
                               <img src="images/90.gif"/> 职位加载中.....
                           </div>
                       </div>
                       <div class="infobox">
                           <c:forEach begin="1" end="32">
                               <div class="jobboxlist link_lan">
                                  <span class="comtip" id="2"><a href="comp_view.jsp"
                                                                 target="_blank">XXX科技有限公司</a></span><span style="color: #666666">(<span
                                       style="color: #FF3300">17分钟前</span>)
                                  </span> <br/> <span style="color: #009900">聘:</span><span
                                       class="link_bk"> <a href="jobs/jobs_view.jsp"
                                                           target="_blank">Java程序员</a>
                                  </span>
                               </div>
                           </c:forEach>
                           <div class="clear"></div>
                       </div>
                   </div>--%>
        </div>
        <router-view></router-view>
        <script>
            let comp1 = {
                data() {
                    return {
                        works: []
                    }
                },
                mounted() {
                    axios.get("/gxtime").then(r => {
                        this.works = r.data.data;
                        console.log(this.works);
                    })
                },
                methods: {},
                template:
                    `<div class="txt">
                       <div class="loadingbox">
                           <div class="loading">
                               <img src="images/90.gif"/> 职位加载中.....
                           </div>
                       </div>
                       <div class="infobox">
                           <div v-for ="work in works">
                               <div class="jobboxlist link_lan">
                              <div class="imgbox">
                                企业logo：
                            <a href="" target="_blank"><img
                                    :src="work.companys.logo" width="40" height="40"
                                    border="0"/></a>
                        </div>
                                  <span class="comtip" id="2"><a href="comp_view.jsp"
                                                                 target="_blank">企业：{{work.companys.name}}</a></span><span style="color: #666666">(<span
                                       style="color: #FF3300">17分钟前</span>)
                                  </span> <br/> <span style="color: #009900">聘:</span><span
                                       class="link_bk"> <a href="jobs/jobs_view.jsp"
                                                           target="_blank">{{work.name}}</a>
                                  </span>
                               </div>
                           </div>
                           <div class="clear"></div>
                       </div>
                   </div>`
            }
            let comp2 = {
                data() {
                    return {
                        works: []
                    }
                },
                methods: {},
                mounted() {
                    axios.get("/resume").then(r => {
                        this.works = r.data.data;
                        console.log(this.works);
                    })
                },
                template: `<div class="txt">
                       <div class="loadingbox">
                           <div class="loading">
                               <img src="images/90.gif"/> 职位加载中.....
                           </div>
                       </div>
                       <div class="infobox">
                           <div v-for ="work in works">
                               <div class="jobboxlist link_lan">
                         <div class="imgbox">
                                企业logo：
                            <a href="resume_view" target="_blank"><img
                                    :src="work.companys.logo" width="40" height="40"
                                    border="0"/></a>
                        </div>
                                  <span class="comtip" id="2"><a href="comp_view.jsp"
                                                                 target="_blank">企业名：{{work.companys.name}}</a></span><br/><span style="color: #666666">(<span
                                       style="color: #FF3300">17分钟前</span>)
                                  </span>
                                   <span style="color: #009900">职位:{{work.name}}</span><br/>
                                    <span style="color: #009900">招聘人数:{{work.numbers}}</span><br/><span
                                       class="link_bk"> <a href="jobs/jobs_view.jsp"
                                                           target="_blank">联系人：{{work.companys.legalPerson}}</a>
                                  </span><br/>
                                      <span class="link_bk"> <a href="jobs/jobs_view.jsp"
                                         target="_blank">联系电话：{{work.companys.tel}}</a>
                                  </span><br/>
                                     <span class="link_bk"> <a href="jobs/jobs_view.jsp"
                                         target="_blank">联系邮箱：{{work.companys.email}}</a>
                                  </span>
                               </div>
                           </div>
                           <div class="clear"></div>
                       </div>
                   </div>`
            }
            let comp3 = {
                data() {
                    return {
                        works: [],
                        name: "java开发"
                    }
                },
                methods: {},
                mounted() {
                    axios.get("category"+"/" + this.name).then(r => {
                        this.works = r.data.data;
                        console.log(this.works);
                    })
                },
                template: `<div class="txt">
                       <div class="loadingbox">
                           <div class="loading">
                               <img src="images/90.gif"/> 职位加载中.....
                           </div>
                       </div>
                       <div class="infobox">
                           <div v-for ="work in works">
                               <div class="jobboxlist link_lan">
                         <div class="imgbox">
                                企业logo：
                            <a href="comp_view/{{work.companyId}}" target="_blank"><img
                                    :src="work.companys.logo" width="40" height="40"
                                    border="0"/></a>
                        </div>
                                  <span class="comtip" id="2"><a href="comp_view.jsp"
                                                                 target="_blank">企业名：{{work.companys.name}}</a></span><br/><span style="color: #666666">(<span
                                       style="color: #FF3300">17分钟前</span>)
                                  </span>
                                   <span style="color: #009900">职位:{{work.name}}</span><br/>
                                    <span style="color: #009900">招聘人数:{{work.numbers}}</span><br/><span
                                       class="link_bk"> <a href="jobs/jobs_view.jsp"
                                                           target="_blank">联系人：{{work.companys.legalPerson}}</a>
                                  </span><br/>
                                      <span class="link_bk"> <a href="jobs/jobs_view.jsp"
                                         target="_blank">联系电话：{{work.companys.tel}}</a>
                                  </span><br/>
                                     <span class="link_bk"> <a href="jobs/jobs_view.jsp"
                                         target="_blank">联系邮箱：{{work.companys.email}}</a>
                                  </span>
                               </div>
                           </div>
                           <div class="clear"></div>
                       </div>
                   </div>`
            }
            let comp4 = {
                data() {
                    return {
                        commnets: []
                    }
                },
                methods: {},
                mounted() {
                },
                template: `<div class="txt">
                       <div class="loadingbox">
                           <div class="loading">
                               <img src="images/90.gif"/> 职位加载中.....
                           </div>
                       </div>
                       <div class="infobox">
                           <div v-for ="work in works">
                               <div class="jobboxlist link_lan">
                         <div class="imgbox">
                                企业logo：
                            <a href="font/comp_view/{{work.companyId}}" target="_blank"><img
                                    src="images/user/1376273539872.jpg" width="40" height="40"
                                    border="0"/></a>
                        </div>
                                  <span class="comtip" id="2"><a href="comp_view.jsp"
                                                                 target="_blank">企业名：{{work.companys.name}}</a></span><br/><span style="color: #666666">(<span
                                       style="color: #FF3300">17分钟前</span>)
                                  </span>
                                   <span style="color: #009900">职位:{{work.name}}</span><br/>
                                    <span style="color: #009900">招聘人数:{{work.numbers}}</span><br/><span
                                       class="link_bk"> <a href="jobs/jobs_view.jsp"
                                                           target="_blank">联系人：{{work.companys.legalPerson}}</a>
                                  </span><br/>
                                      <span class="link_bk"> <a href="jobs/jobs_view.jsp"
                                         target="_blank">联系电话：{{work.companys.tel}}</a>
                                  </span><br/>
                                     <span class="link_bk"> <a href="jobs/jobs_view.jsp"
                                         target="_blank">联系邮箱：{{work.companys.email}}</a>
                                  </span>
                               </div>
                           </div>
                           <div class="clear"></div>
                       </div>
                   </div>`
            }
            let comp5 = {
                data() {
                    return {
                        commnets: []
                    }
                },
                methods: {},
                mounted() {
                },
                template: `<div class="txt">
                       <div class="loadingbox">
                           <div class="loading">
                               <img src="images/90.gif"/> 职位加载中.....
                           </div>
                       </div>
                       <div class="infobox">
                           <div v-for ="work in works">
                               <div class="jobboxlist link_lan">
                         <div class="imgbox">
                                企业logo：
                            <a href="font/comp_view/{{work.companyId}}" target="_blank"><img
                                    src="images/user/1376273539872.jpg" width="40" height="40"
                                    border="0"/></a>
                        </div>
                                  <span class="comtip" id="2"><a href="comp_view.jsp"
                                                                 target="_blank">企业名：{{work.companys.name}}</a></span><br/><span style="color: #666666">(<span
                                       style="color: #FF3300">17分钟前</span>)
                                  </span>
                                   <span style="color: #009900">职位:{{work.name}}</span><br/>
                                    <span style="color: #009900">招聘人数:{{work.numbers}}</span><br/><span
                                       class="link_bk"> <a href="jobs/jobs_view.jsp"
                                                           target="_blank">联系人：{{work.companys.legalPerson}}</a>
                                  </span><br/>
                                      <span class="link_bk"> <a href="jobs/jobs_view.jsp"
                                         target="_blank">联系电话：{{work.companys.tel}}</a>
                                  </span><br/>
                                     <span class="link_bk"> <a href="jobs/jobs_view.jsp"
                                         target="_blank">联系邮箱：{{work.companys.email}}</a>
                                  </span>
                               </div>
                           </div>
                           <div class="clear"></div>
                       </div>
                   </div>`
            }
            let comp6 = {
                data() {
                    return {
                        commnets: []
                    }
                },
                methods: {},
                mounted() {
                },
                template: ''
            }
            let comp7 = {
                data() {
                    return {
                        commnets: []
                    }
                },
                methods: {},
                mounted() {
                },
                template: ''
            }
            let comp8 = {
                data() {
                    return {
                        commnets: []
                    }
                },
                methods: {},
                mounted() {
                },
                template: ''
            }
            let comp9 = {
                data() {
                    return {
                        commnets: []
                    }
                },
                methods: {},
                mounted() {
                },
                template: ''
            }
            let comp10 = {
                data() {
                    return {
                        commnets: []
                    }
                },
                methods: {},
                mounted() {
                },
                template: ''
            }
            //路由规则
            const routes = [
                {path: '/one', component: comp1},
                {path: '/two', component: comp2},
                {path: '/three', component: comp3},
                {path: '/four', component: comp4},
                {path: '/five', component: comp5},
                {path: '/six', component: comp6},
                {path: '/seven', component: comp7},
                {path: '/eight', component: comp8},
                {path: '/nine', component: comp9},
                {path: '/ten', component: comp10},
                {path: '/', redirect: '/one'}
            ]
            const router = new VueRouter({
                routes
            });
            new Vue({
                el: "#showBox",
                router
            })
        </script>
    </div>
</div>
<!-- banner-->
<!-- banner end-->
<div class="d3">
    <div class="left">
        <div class="box">
            <div class="tit">
                <div class="tbox">
                    <strong>最新简历</strong>
                </div>
                <div class="morebox link_bk">
                    <a href="resume_list" target="_blank">更多简历</a>
                </div>
                <div class="clear"></div>
                <c:forEach items="${resumest}" var="resume">
                    <div class="list link_lan">
                        <div class="imgbox">
                            <a href="resume_view/${resume.id}" target="_blank"><img
                                    src="${resume.photo}" width="68" height="85"
                                    border="0"/></a>
                        </div>
                        <a href="job_view" target="_blank">真实姓名：${resume.realName}</a>
                        <a><span class="link_bk">性别：<c:choose>
                        <c:when test="${resume.gender eq 'M'}">男</c:when>
                        <c:otherwise>女</c:otherwise>
                            </c:choose><span></a>
                        <span style="color: #666666"><br/>简历名称：${resume.title}</span> <br/>
                        <span style="color: #009900">学历:${resume.education}</span>
                        <a><span class="link_bk">电话：${resume.telephone}</a><span style="color: #666666"><br/>
                        <a><span class="link_bk">期望薪资：${resume.salaryExpectation}</a><span style="color: #666666"><br/>
						<a href="job_view" target="_blank">工作经验：${resume.workExp}</a>
							</span>
                    </div>
                </c:forEach>
            </div>
            <div class="clear"></div>
        </div>
    </div>

    <div class="right">
        <div class="topbox link_lan">
            <div class="tit">
                <div class="left">
                    <h3>照片简历</h3>
                </div>
                <div class="clear"></div>
            </div>
            <div class="txt">
                <c:forEach items="${resumes}" var="resume">
                    <div class="imgbox">
                        <a href="resume_view" target="_blank"><img
                                src="${resume.photo}g" width="68" height="85"
                                border="0"/></a>
                    </div>
                    <div class="infobox">
                        <a href="resume_view" target="_blank">姓名：${resume.realName}</a>&nbsp;&nbsp;性别：<c:choose>
                        <c:when test="${resume.gender eq 'M'}">男</c:when>
                        <c:otherwise>女</c:otherwise>
                    </c:choose>&nbsp;&nbsp;年龄：${resume.birthdate}岁<br/>
                        学历：${resume.education}&nbsp;&nbsp;工作经验：${resume.workExp}<br/> <span>${resume.skill}</span>
                    </div>
                    <div class="clear"></div>
                </c:forEach>
            </div>
        </div>
        <div class="tagbox">
            <div class="tit">
                <div class="left">
                    <h3>热门简历标签</h3>
                </div>
                <div class="more link_bk">
                    <a href="resume_list" target="_blank">更多</a>
                </div>
            </div>
            <ul class="link_bku">
                <li><a href="resume_list" target="_blank">形象好</a></li>
            </ul>
            <div class="clear"></div>
        </div>
    </div>
    <div class="clear"></div>
</div>
<jsp:include page="footer.jsp"></jsp:include>
</body>
</html>